import { Button } from "antd-mobile";
import React, { Component } from "react";
import Header from "../../components/Header/Header";
import "./Mine.less";

export default class Mine extends Component {
  constructor() {
    super();
    this.state = {};
  }
  exit(){
      console.log(1);
  }

  render() {
    return (
      <div>
        <Header title="个人中心"></Header>
        <div className="my_info">
          <div className="img">
            <img
              src="https://img2.baidu.com/it/u=2587104867,59094986&fm=253&fmt=auto&app=138&f=JPEG?w=400&h=500"
              alt=""
            />
            <div className="name">
              <p className="name_p1">{"jack"}</p>
              <p className="name_p2">完善资料让小U更懂你</p>
            </div>
            <span className="everyday">每日签到</span>
          </div>
          <div className="love">
            <ul>
              <li>
                <p className="love_num">16</p>
                <p className="love_text">我的收藏</p>
              </li>
              <li>
                <p className="love_num">16</p>
                <p className="love_text">浏览记录</p>
              </li>
              <li>
                <p className="love_num">16</p>
                <p className="love_text">我的红包</p>
              </li>
              <li onClick={() => this.props.history.push("/coupon")}>
                <p className="love_num">6</p>
                <p className="love_text">优惠券</p>
              </li>
            </ul>
          </div>
          <div className="order"></div>
        </div>
        <div className="container">
          <Button onClick={() => this.exit()} color="danger">
            退出登录
          </Button>
        </div>
      </div>
    );
  }
}
